﻿/*********************** 样式1 *************************/

.picChange1 { width: 100%; height: 500px; overflow: hidden; position: relative; margin: auto; background-color: #F4F4F2}
.picChange1 .picChangePicList { position: absolute; overflow: visible; }
.picChange1 .picChangePicList div { position: absolute; display: none; }
.picChange1 .picChangePicList img { display: block}
.picChange1 .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
.picChange1 .picChangebtnNum { position: absolute; right: 10px; bottom: 10px; }
.picChange1 .picChangebtnNum span { border: 1px #FF9900 solid; font-size: 12px; padding: 0px 3px; background-color: #EE8800; margin: 2px; cursor: pointer; }
.picChange1 .picChangebtnNum span.current { background-color: #661100; cursor: pointer; color: #FFFFFF; }
.picChange1 .picChangebtnThumb { position: absolute; bottom: 10px; text-align: center; }
.picChange1 .picChangebtnThumb span { position: relative; opacity: 0.6; display: block; float: left; border: 3px #EE8800 solid; width: 80px; height: 50px; margin: 5px; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 5px #000; border-radius: 2px; }
.picChange1 .picChangebtnThumb span.current { opacity: 1; border: 3px #FFF solid; }
.picChange1 .picChangebtnThumb span img { position: absolute; }

/*********************** 样式1 *************************/

.prodPic {  height: 380px;  position: relative; margin: auto; background-color: #F4F4F2; margin-bottom:150px; }
.prodPic .picChangePicList { width: 100%; height: 380px; position: absolute; overflow: hidden;  }
.prodPic .picChangePicList div { position: absolute; display: none; }
.prodPic .picChangePicList img { display: block; height:380px}
.prodPic .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
.prodPic .picChangebtnNum { position: absolute; right: 10px; bottom: 10px; }
.prodPic .picChangebtnNum span { border: 1px #C9997E solid; font-size: 12px; padding: 0px 3px; background-color: #DFC2B3; margin: 2px; cursor: pointer; }
.prodPic .picChangebtnNum span.current { background-color: #6C432D; cursor: pointer; color: #FFFFFF; }
.prodPic .picChangebtnThumb { width: 100%; height:150px; position: absolute; bottom: -160px; overflow: hidden; white-space:nowrap; overflow-x:auto;}
.prodPic .picChangebtnThumb span { position: relative; display: inline-block; border: 2px #DDD solid; width: 179px; height: 115px; margin: 3px; cursor: pointer; overflow: hidden; }
.prodPic .picChangebtnThumb span.current { opacity: 1; border: 2px #6C422E solid; }
.prodPic .picChangebtnThumb span img { position: absolute; }


/*********************** 样式2 *************************/

.picChange2 { width: 1000px; height: 300px; overflow: hidden; position: relative; margin: auto; border-radius: 10px; }
.picChange2 .picChangePicList { position: absolute; overflow: visible; }
.picChange2 .picChangePicList div { position: absolute; display: none; }
.picChange2 .picChangePicList img { display: block}
.picChange2 .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
.picChange2 .picChangebtnNum { position: absolute; bottom: 10px; width: 100%; text-align: center; }
.picChange2 .picChangebtnNum span { font-size: 12px; padding: 0px 3px; background-color: #EE8800; margin: 2px; cursor: pointer; border-radius: 50%; box-shadow: 0px 0px 3px #000; }
.picChange2 .picChangebtnNum span.current { background-color: #661100; cursor: pointer; color: #FFFFFF; }
.picChange2 .picChangebtnThumb { position: absolute; bottom: 10px; text-align: center; }
.picChange2 .picChangebtnThumb span { position: relative; opacity: 0.3; display: block; float: left; border: 3px #530E04 solid; width: 50px; height: 30px; margin: 3px; cursor: pointer; overflow: hidden; }
.picChange2 .picChangebtnThumb span.current { opacity: 1; border: 3px #FFF solid; }
.picChange2 .picChangebtnThumb span img { position: absolute; }

/*********************** 样式3 *************************/

.picChange3 { width: 100%; height: 400px; overflow: hidden; position: relative; margin: auto; }
.picChange3 .picChangePicList { position: absolute; overflow: visible; }
.picChange3 .picChangePicList div { position: absolute; display: none; }
.picChange3 .picChangePicList img { display: block}
.picChange3 .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
.picChange3 .picChangebtnNum { position: absolute; bottom: 10px; width: 100%; text-align: center; }
.picChange3 .picChangebtnNum span { font-size: 10px; padding: 0px 3px; background-color: white; margin: 2px; cursor: pointer; border-radius: 50%; color: white; box-shadow: inset 0px 0px 3px black; }
.picChange3 .picChangebtnNum span.current { background-color: #EE8800; cursor: pointer; color: #EE8800; box-shadow: none; }
.picChange3 .picChangebtnThumb { position: absolute; bottom: 10px; text-align: center; }
.picChange3 .picChangebtnThumb span { position: relative; display: block; float: left; border: 2px white solid; width: 30px; height: 30px; margin: 2px; cursor: pointer; overflow: hidden; }
.picChange3 .picChangebtnThumb span.current { opacity: 1; border: 2px #4889C4 solid; }
.picChange3 .picChangebtnThumb span img { position: absolute; }

/*********************** 样式4 *************************/

.picChange4 { width: 500px; height: 300px; overflow: hidden; position: relative; margin: auto; }
.picChange4 .picChangePicList { position: absolute; overflow: visible;}
.picChange4 .picChangePicList div { position: absolute; display: none; }
.picChange4 .picChangePicList img { display: block}
.picChange4 .picChangeTitle { position: absolute; background-color: #000; line-height: 40px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0.7; bottom: 0; text-align: left; text-indent: 20px; }
.picChange4 .picChangebtnNum { position: absolute; right: 10px; bottom: 10px; }
.picChange4 .picChangebtnNum span { font-size: 12px; padding: 0px 3px; background-color: #58D; margin: 2px; cursor: pointer; }
.picChange4 .picChangebtnNum span.current { background-color: #7Af; cursor: pointer; color: #FFFFFF; }
.picChange4 .picChangebtnThumb { position: absolute; bottom: 50px; text-align: center; }
.picChange4 .picChangebtnThumb span { position: relative; opacity: 0.6; display: block; float: left; border: 1px #EE8800 solid; width: 30px; height: 20px; margin: 2px; cursor: pointer; overflow: hidden; }
.picChange4 .picChangebtnThumb span.current { opacity: 1; border: 1px #FFF solid; }
.picChange4 .picChangebtnThumb span img { position: absolute; }

/*********************** 样式5 *************************/

.picChange5 { width: 400px; height: 250px; overflow: hidden; position: relative; margin: auto; background-color: #F4F4F2}
.picChange5 .picChangePicList { position: absolute; overflow: visible;}
.picChange5 .picChangePicList div { position: absolute; display: none; }
.picChange5 .picChangePicList img { display: block}
.picChange5 .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0.8; top: 0; }
.picChange5 .picChangebtnNum { position: absolute; right: 10px; bottom: 10px; }
.picChange5 .picChangebtnNum span { border: 1px #FF9900 solid; font-size: 12px; padding: 0px 3px; background-color: #EE8800; margin: 2px; cursor: pointer; }
.picChange5 .picChangebtnNum span.current { background-color: #661100; cursor: pointer; color: #FFFFFF; }
.picChange5 .picChangebtnThumb { position: absolute; bottom: 10px; text-align: center; }
.picChange5 .picChangebtnThumb span { position: relative; opacity: 0.8; display: block; float: left; border: 2px #EE8800 solid; width: 30px; height: 30px; margin: 3px; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 5px #000; border-radius: 50%; }
.picChange5 .picChangebtnThumb span.current { opacity: 1; border: 2px #FFF solid; }
.picChange5 .picChangebtnThumb span img { position: absolute; }

/*********************** 样式6 *************************/